//动画效果
import React ,{ Component , Fragment } from "react";
import "./stlye.css";

export default class App extends Component{
	state = {
		show:true
	}

	render(){
		return (
			<Fragment>
				<div className={this.state.show ? 'show' : 'hide'}>Hello World</div>
				<button onClick={this.handlerClick}>点击动画</button>
			</Fragment>
			)
	}

	handlerClick = () => {
		this.setState({
			show : this.state.show ? false : true
		})
	}
}
